<template>
    <div>
        <van-nav-bar title="订单" left-text="返回" left-arrow @click-left="() => { $router.push('/') }" />
        <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
        <div style="height: 50px;"></div>
        <p>
            <van-image round width="5rem" height="5rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            蔡师傅工作是2号店
        </p>
        <van-card num="2" price="2700.00" title="小米 红米 Redmi Note7 4+128机身成色很新 功能正常屏幕显......"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
    </div>
    <van-submit-bar :price="263800" button-text="确认下单" @submit="onSubmit" />
</template>

<script setup>
import { ref } from 'vue';
import { showToast } from 'vant';
const tel = ref('北京市 朝阳区 三元桥时间国际8号楼北区2654');
const name = ref('小张 177****6945');
const onEdit = () => showToast('edit');
</script>

<style lang="scss" scoped></style>